<template>
  <div class="box">
    <h1>this is parent</h1>
    <div>name :{{ name }}</div>
    <button @click="name='貂蝉'">貂蝉</button>

    <!-- 子组件 -->
    <!-- 1.父组件通过自定义属性，传递数据 ，2,子组件通过props接受数据-->
    <v-child :n="name"></v-child>

    <!-- props验证 -->
    <v-child-two :price="200" text='20' :age="19"></v-child-two>

    
  </div>
</template>

<script>
import vChild from './vChild.vue';
import vChildTwo from './vChild2.vue';
export default {
 components:{
    vChild,
    vChildTwo
 },
 data(){
    return {
        name:"妲己"
    }
 }
}
</script>

<style>

</style>